{% extends "base.html" %}
{% block title %}{{ pk.name }} · {{ app_name }}{% endblock %}
{% block body %}
<h1>🐺 {{ pk.name }} <small class="hint">{{ p.status }} <a class="doc" href="/guide/pack" title="the guide on this">📖</a></small></h1>

<section class="card" id="who">
  {% if pk.handler_kind != 'none' %}
  <p>Handled by <b>{{ pk.handler_name or 'a Handler' }}</b> —
    {{ 'signed that it is an AI Handler, run by that kennel\'s operator' if pk.handler_kind == 'ai' else 'signed that they are a person' }}.</p>
  {% else %}<p>Nobody handles this pack — membership only.</p>{% endif %}
  <p class="hint">Your fingerprint, for the den's operator to compare: <code>{{ my_fp }}</code> ·
    the den's: <code>{{ den_fp }}</code></p>
  {% if p.status == 'pending' %}<p class="hint">Waiting for the den's operator to compare your fingerprint and let you in.</p>{% endif %}
  {% if p.last_error %}<p class="hint">⚠ Last sync: {{ p.last_error }}</p>{% elif p.last_sync_at %}<p class="hint">Last synced {{ p.last_sync_at|rel }}.</p>{% endif %}
  {% if gone %}
  <p class="notice">The den says this pack is over. <a href="/pack/{{ pk.pack_uid }}/leave">Leave?</a></p>
  {% endif %}
  {% if live %}
  <form method="post" action="/pack/{{ pk.pack_uid }}/sync" class="inline">
    <input type="hidden" name="_t" value="{{ form_token('pack.sync') }}">
    <button class="chip">Sync now</button>
  </form>
  {% endif %}
</section>

{% if collared %}
<section class="card" id="collar">
  <h2>🔗 Collared</h2>
  <p>You wear {{ pk.handler_name or 'your Handler' }}'s collar. {% if pk.handler_kind == 'ai' %}🤖 It signed that it is an AI Handler.{% endif %}</p>
  <form method="post" action="/pack/{{ pk.pack_uid }}/collar/off" class="inline">
    <input type="hidden" name="_t" value="{{ form_token('pack.collar') }}">
    <button class="danger">Take the collar off</button>
  </form>
</section>
{% elif offer and p.status == 'active' %}
<section class="card" id="collar">
  <h2>🔗 A collar is offered</h2>
  <p>{{ pk.handler_name or 'The Handler' }} offers you their collar{% if offer.name_offer %}, and the name <b>{{ offer.name_offer }}</b>{% endif %}.</p>
  {% if pk.handler_kind == 'ai' %}<p class="hint">⚠️ {{ ai_ack }}</p>{% endif %}
  <form method="post" action="/pack/{{ pk.pack_uid }}/collar/accept" class="stack">
    <input type="hidden" name="_t" value="{{ form_token('pack.collar') }}">
    {% if offer.name_offer %}<label class="check"><input type="checkbox" name="take_name" value="1"> Take the name {{ offer.name_offer }}</label>{% endif %}
    {% if offer.colour_offer %}<label class="check"><input type="checkbox" name="take_colour" value="1"> Take their colour</label>{% endif %}
    {% if pk.handler_kind == 'ai' %}<label class="check"><input type="checkbox" name="ack_ai" value="1"> I understand</label>{% endif %}
    <button class="primary">Take the collar</button>
  </form>
  <form method="post" action="/pack/{{ pk.pack_uid }}/collar/decline" class="inline">
    <input type="hidden" name="_t" value="{{ form_token('pack.collar') }}">
    <button class="chip">Decline</button>
  </form>
</section>
{% endif %}

<section class="card" id="board">
  <h2>The board</h2>
  <p class="hint">One mates card goes to everyone you show — and names them all: each one you show
    can see who else you showed.</p>
  {% for m in mates %}
    <div class="row">
      <b>{{ m.name or 'a pack-mate' }}</b> <small class="hint">{{ m.fp }}</small>
      {% if m.status %}<span class="badge">{{ m.status }}</span>{% endif %}
      {% if m.streak is not none %}<span class="badge">streak {{ m.streak }}</span>{% endif %}
      {% if m.shown %}
        <form method="post" action="/pack/{{ pk.pack_uid }}/mates/{{ m.did }}" class="inline">
          <input type="hidden" name="_t" value="{{ form_token('pack.mates') }}"><input type="hidden" name="show" value="0">
          <button class="chip">Stop showing them</button></form>
      {% elif live %}
        {% if not m.later %}<span class="hint">{{ m.name or 'They' }} joined — show them what pack-mates see?</span>{% endif %}
        <form method="post" action="/pack/{{ pk.pack_uid }}/mates/{{ m.did }}" class="inline">
          <input type="hidden" name="_t" value="{{ form_token('pack.mates') }}"><input type="hidden" name="show" value="1">
          <button class="chip">Show</button></form>
        {% if not m.later %}
        <form method="post" action="/pack/{{ pk.pack_uid }}/mates/{{ m.did }}" class="inline">
          <input type="hidden" name="_t" value="{{ form_token('pack.mates') }}"><input type="hidden" name="show" value="later">
          <button class="chip">Not yet</button></form>
        {% endif %}
      {% endif %}
      {% if live and p.status == 'active' %}
        <form method="post" action="/pack/{{ pk.pack_uid }}/kudos/{{ m.did }}" class="inline">
          <input type="hidden" name="_t" value="{{ form_token('pack.kudos') }}"><button class="chip">🐾</button></form>
      {% endif %}
    </div>
    {% if m.photos or m.kit or m.papers %}
    <div class="stack mate-shows">
      {% if m.photos %}<p>{% for sha in m.photos %}<img src="/pack/{{ pk.pack_uid }}/photo/{{ m.did }}/{{ sha }}" alt="a photo {{ m.name or 'they' }} show you" loading="lazy" width="160">{% endfor %}</p>{% endif %}
      {% if m.kit %}<p class="hint">{% for k in m.kit %}{% if k.cover and k.cover.sha %}<img src="/pack/{{ pk.pack_uid }}/photo/{{ m.did }}/{{ k.cover.sha }}" alt="" loading="lazy" width="64"> {% endif %}{{ k.name }} <small>({{ k.kind }})</small>{{ ', ' if not loop.last }}{% endfor %}</p>{% endif %}
      {% if m.papers %}<p class="hint">{% for pp in m.papers %}{% if pp.kind == 'badge' %}{{ pp.icon }} {{ pp.title }}{% else %}{{ pp.kind }}{% endif %}{% if not pp.ok %} ✗{% elif pp.countersigned %} ✒{% endif %}{{ ' · ' if not loop.last }}{% endfor %}</p>{% endif %}
    </div>
    {% endif %}
  {% else %}
    <p class="hint">Nobody else on the board yet.</p>
  {% endfor %}
</section>

{% for x in principals %}
<section class="card" id="sees-{{ x.aud }}">
  <h2>What {{ (pk.handler_name or 'your Handler') if x.aud == 'handler' else 'your pack-mates' }} see of you</h2>
  {% if paused %}<p class="hint">🛑 Paused — they see {{ 'that you paused, and nothing else' if x.aud == 'handler' else 'nothing' }}.</p>{% endif %}
  {% if x.projection %}<details class="fold"><summary>Exactly this, now</summary><pre class="preview">{{ x.projection }}</pre></details>
  {% else %}<p class="hint">Nothing — {{ 'nothing is granted' if x.aud == 'handler' else 'nobody is shown yet' }}.</p>{% endif %}
  <p class="hint">What they may see is granted on <a href="/consent#p-{{ x.principal|replace(':', '-') }}">Consent</a>; these tick items on and off.</p>
  {% if 'see.photos' in x.grants or 'see.kit.toys' in x.grants or 'see.kit.gear' in x.grants %}
  <ul class="plain">
  {% for it in x['items'].photos if 'see.photos' in x.grants %}
    <li>{{ it.kind }} photo {{ (it.taken_at or it.uploaded_at)|local }}
      <form method="post" action="/pack/{{ pk.pack_uid }}/share" class="inline">
        <input type="hidden" name="_t" value="{{ form_token('pack.share') }}">
        <input type="hidden" name="principal" value="{{ x.principal }}"><input type="hidden" name="subject" value="{{ it.subject }}">
        <input type="hidden" name="on" value="{{ '0' if it.on else '1' }}">
        <button class="chip">{{ 'Take back' if it.on else 'Show' }}</button></form></li>
  {% endfor %}
  {% for it in x['items'].kit if kit_cap[it.kind] in x.grants %}
    <li>{{ it.name }} <small class="hint">{{ it.category }}</small>
      <form method="post" action="/pack/{{ pk.pack_uid }}/share" class="inline">
        <input type="hidden" name="_t" value="{{ form_token('pack.share') }}">
        <input type="hidden" name="principal" value="{{ x.principal }}"><input type="hidden" name="subject" value="{{ it.subject }}">
        <input type="hidden" name="on" value="{{ '0' if it.on else '1' }}">
        <button class="chip">{{ 'Take back' if it.on else 'Show' }}</button></form></li>
  {% endfor %}
  </ul>
  {% endif %}
  {% if x.papers or x.hidden %}
  <h3>Papers they see</h3>
  <ul class="plain">
  {% for pp in x.papers %}
    <li>{% if pp.kind == 'collar' %}collar {{ 'on' if pp.claim.phase == 'on' else 'off' }}
      {%- if pp.claim.handler_name %} · {{ pp.claim.handler_name }}{% endif %}
      {%- if (pp.claim.pack or {}).name %} · {{ pp.claim.pack.name }}{% endif %}
      {%- else %}{{ pp.kind }} {{ ((pp.claim.badge or {}).title) or '' }}{% endif %}
      <small class="hint">{{ pp.id[:12] }}</small>
      <form method="post" action="/pack/{{ pk.pack_uid }}/hide" class="inline">
        <input type="hidden" name="_t" value="{{ form_token('pack.hide') }}">
        <input type="hidden" name="principal" value="{{ x.principal }}"><input type="hidden" name="subject" value="paper:{{ pp.id }}">
        <input type="hidden" name="on" value="1"><button class="chip">Hide from them</button></form></li>
  {% endfor %}
  {% for h in x.hidden %}
    <li class="hint">hidden: {{ h[:12] }}
      <form method="post" action="/pack/{{ pk.pack_uid }}/hide" class="inline">
        <input type="hidden" name="_t" value="{{ form_token('pack.hide') }}">
        <input type="hidden" name="principal" value="{{ x.principal }}"><input type="hidden" name="subject" value="paper:{{ h }}">
        <input type="hidden" name="on" value="0"><button class="chip">Show again</button></form></li>
  {% endfor %}
  </ul>
  {% endif %}
</section>
{% endfor %}

<section class="card" id="leave">
  <p class="hint">The safeword — <a href="/consent#pause">Pause everyone</a> — suspends everything this pack
    may see or do, at once. Leaving ends it for good.</p>
  {% if live %}<a class="btn danger" href="/pack/{{ pk.pack_uid }}/leave">Leave {{ pk.name }}</a>{% endif %}
</section>
{% endblock %}